<% const metaShareImage = `https://yuanqing.github.io${media[`share-${id}`]}` %>
<% const metaTitle = order === 1 ? globals.name : `${title} — ${globals.name}` %>

<head>
  <meta charset="utf-8">
  <title><%- metaTitle %></title>
  <meta name="description" content="<%- globals.description %>">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:description" content="<%- globals.description %>">
  <meta name="twitter:image" content="<%- metaShareImage %>">
  <meta name="twitter:title" content="<%- metaTitle %>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:description" content="<%- globals.description %>">
  <meta property="og:image" content="<%- metaShareImage %>">
  <meta property="og:title" content="<%- metaTitle %>">
  <link href="<%- cssUrl %>" rel="stylesheet">
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cstyle%3E circle %7B fill: %23000; %7D @media (prefers-color-scheme: dark) %7B circle %7B fill: %23fff; %7D %7D %3C/style%3E%3Ccircle cx='50' cy='50' r='50' /%3E%3C/svg%3E%0A" />
</head>
